@import '../../ui/base'
@import './config'

.root
	border-radius 3px
	cursor pointer
	display flex
	justify-content center
	align-items center
	color #fff
	border none
	font-size 14px
	transition background-color .2s
	min-width 70px
	padding 0 10px
	height 30px
	&[disabled]
		opacity .4
		cursor not-allowed
	&:focus
		outline none
	span
		display inline-block
	&.green
		background-color #58C6B5
	&.cancel
		background-color #F3F6F9
		color #8CA9C5
	&.blueLine
		background-color #fff
		border 1px solid $button-blue
		color $button-blue
		&:active
			background-color $border-color
	&.white
		background-color #fff
		border 1px solid rgb(217, 217, 217)
		color rgb(164, 164, 164)
		&:active
			background-color $border-color
	&.blue
		background-color $button-blue
		&:active
			background-color $button-active
	&.upload
		font-size 12px
		color #3D98DF
		border 1px solid #3D98DF
		height 26px
		background-color transparent
		margin-top 2px
		&:active
			border-color #3D98DF
			color #3D98DF
